<!DOCTYPE html>
<html lang="en">
<head>
<!--样式优先级！important>行内样式>内部样式=外部样式>浏览器自带的样式-->
<!--内部样式，作用于整个页面-->
    <style type="text/css">
        h4{
            color: greenyellow !important;

            font-size: 30px;
            text-align: center;
        }
    </style>
<!--外部样式，复用性强-->
    <link rel="stylesheet" href="css/demo01.css">
    <meta charset="UTF-8">
    <title>demo的三种位置</title>
</head>
<body>
<!--行内样式，写在HTML标签中-->
 <h4 style="color: red; font-size: 30px; text-align: center;">安其拉</h4>
 <h5>赵云</h5>
 <h5>后羿</h5>
 <h4>李白</h4>
</body>
</html>